import React from 'react';
import { SVGIcon, ISVGIconProps } from './SVGIcon';
import { useUniqueId } from './useUniqueId';

export const CordovaIcon: React.FC<ISVGIconProps> = ({ ...props }) => {
  const id = useUniqueId();

  return (
    <SVGIcon {...props}>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M26.9987 27.2005L24.8997 31.5855L23.4543 26.1252L26.9987 27.2005Z"
        fill="#7F8082"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.67126 27.2005L9.10034 31.5855L10.5457 26.1252L7.67126 27.2005Z"
        fill="#7F8082"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M1.00106 12.7051L1 12.7067L3.97898 31.5855H9.10034L8.68195 27.2005H11.3096L11.6443 31.5855H22.3724L22.7071 27.2005H25.3181L24.8997 31.5855H30.0544L33 12.7067L32.9989 12.7051H1.00107H1.00106Z"
        fill={`url(#Cordova_Paint0_Linear_${id})`}
        stroke="#D6D6D6"
        strokeWidth="0.1"
        strokeLinejoin="round"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.321 24.3105L9.8614 18.5391L9.75309 6.8824L6.86423 12.7051L8.321 24.3105Z"
        fill={`url(#Cordova_Paint1_Ladial_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.3835 5.74055H25.7673L25.6362 19.8505H18.8912L19.3835 5.74055Z"
        fill="#293441"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.7658 5.74934L8.54779 5.75318L8.69511 19.8002H15.0258L14.7658 5.74934Z"
        fill="#293441"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.19137 18.5391L8.32104 24.3106H25.7297L24.6949 18.5803L9.19137 18.5391Z"
        fill="#2D3948"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M25.7298 24.3106L24.218 18.5802L24.2748 6.84549L27.1996 12.7048L25.7298 24.3106Z"
        fill={`url(#Cordova_Paint2_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.33428 24.3106L9.8614 18.5391L9.75309 6.8824L6.8644 12.7048L8.33428 24.3106Z"
        fill={`url(#Cordova_Paint3_Linear_${id})`}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.1132 9.0016L14.688 21.2551H19.1654L19.8867 9.0016H14.1132Z"
        fill="#2D3B48"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M32.9989 12.7051L25.6813 1H8.28396L1.00107 12.7051H6.86444L9.73752 6.90509H14.4616L14.1132 9.0016H19.8867L19.5815 6.84156H24.287L27.1996 12.7051H32.9989Z"
        fill={`url(#Cordova_Paint4_Linear_${id})`}
        stroke="#D6D6D6"
        strokeWidth="0.1"
        strokeLinejoin="round"
      />
      <path
        opacity="0.449"
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.5815 6.84157L24.327 6.8455L27.1996 12.7051L25.7297 24.3106L14.688 24.3106L20.3953 12.7051L19.5815 6.84157Z"
        fill="#363F49"
      />
      <path
        opacity="0.3"
        fillRule="evenodd"
        clipRule="evenodd"
        d="M20.3953 12.7051L14.688 24.3106L8.321 24.3105L6.86423 12.7051H20.3953Z"
        fill={`url(#Cordova_Paint5_Linear_${id})`}
      />
      <path
        opacity="0.2"
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.73752 6.90509H14.4616L14.1132 9.0016H19.8867L20.3953 12.7051H6.86423L9.73752 6.90509Z"
        fill={`url(#Cordova_Paint6_Linear_${id})`}
      />
      <g opacity="0.8" filter={`url(#filter0_f_${id})`}>
        <path
          d="M21.748 20.5026C22.1968 20.5026 22.5607 19.2126 22.5607 17.6212C22.5607 16.0299 22.1968 14.7398 21.748 14.7398C21.2991 14.7398 20.9353 16.0299 20.9353 17.6212C20.9353 19.2126 21.2991 20.5026 21.748 20.5026Z"
          fill="#05F0FF"
        />
      </g>
      <g opacity="0.9" filter={`url(#filter1_f_${id})`}>
        <path
          d="M21.748 20.2149C22.0968 20.2149 22.3796 19.0728 22.3796 17.6638C22.3796 16.2549 22.0968 15.1127 21.748 15.1127C21.3991 15.1127 21.1163 16.2549 21.1163 17.6638C21.1163 19.0728 21.3991 20.2149 21.748 20.2149Z"
          fill="white"
        />
        <path
          d="M21.748 20.2149C22.0968 20.2149 22.3796 19.0728 22.3796 17.6638C22.3796 16.2549 22.0968 15.1127 21.748 15.1127C21.3991 15.1127 21.1163 16.2549 21.1163 17.6638C21.1163 19.0728 21.3991 20.2149 21.748 20.2149Z"
          stroke="#06EFFE"
          strokeWidth="0.917749"
          strokeLinecap="round"
        />
      </g>
      <g opacity="0.9" filter={`url(#filter2_f_${id})`}>
        <path
          d="M21.748 20.0301C22.0968 20.0301 22.3796 18.9739 22.3796 17.6709C22.3796 16.368 22.0968 15.3118 21.748 15.3118C21.3991 15.3118 21.1163 16.368 21.1163 17.6709C21.1163 18.9739 21.3991 20.0301 21.748 20.0301Z"
          fill="#FEFFFF"
        />
        <path
          d="M21.748 20.0301C22.0968 20.0301 22.3796 18.9739 22.3796 17.6709C22.3796 16.368 22.0968 15.3118 21.748 15.3118C21.3991 15.3118 21.1163 16.368 21.1163 17.6709C21.1163 18.9739 21.3991 20.0301 21.748 20.0301Z"
          stroke="#06EFFE"
          strokeWidth="0.954358"
          strokeLinecap="round"
        />
      </g>
      <g opacity="0.8" filter={`url(#filter3_f_${id})`}>
        <path
          d="M12.5549 20.9093C13.0037 20.9093 13.3676 19.6192 13.3676 18.0279C13.3676 16.4365 13.0037 15.1465 12.5549 15.1465C12.106 15.1465 11.7422 16.4365 11.7422 18.0279C11.7422 19.6192 12.106 20.9093 12.5549 20.9093Z"
          fill="#05F0FF"
        />
      </g>
      <g opacity="0.9" filter={`url(#filter4_f_${id})`}>
        <path
          d="M12.5549 20.6216C12.9037 20.6216 13.1865 19.4794 13.1865 18.0705C13.1865 16.6615 12.9037 15.5194 12.5549 15.5194C12.206 15.5194 11.9232 16.6615 11.9232 18.0705C11.9232 19.4794 12.206 20.6216 12.5549 20.6216Z"
          fill="white"
        />
        <path
          d="M12.5549 20.6216C12.9037 20.6216 13.1865 19.4794 13.1865 18.0705C13.1865 16.6615 12.9037 15.5194 12.5549 15.5194C12.206 15.5194 11.9232 16.6615 11.9232 18.0705C11.9232 19.4794 12.206 20.6216 12.5549 20.6216Z"
          stroke="#06EFFE"
          strokeWidth="0.917749"
          strokeLinecap="round"
        />
      </g>
      <g opacity="0.9" filter={`url(#filter5_f_${id})`}>
        <path
          d="M12.5549 20.4367C12.9037 20.4367 13.1865 19.3805 13.1865 18.0776C13.1865 16.7747 12.9037 15.7184 12.5549 15.7184C12.206 15.7184 11.9232 16.7747 11.9232 18.0776C11.9232 19.3805 12.206 20.4367 12.5549 20.4367Z"
          fill="#FEFFFF"
        />
        <path
          d="M12.5549 20.4367C12.9037 20.4367 13.1865 19.3805 13.1865 18.0776C13.1865 16.7747 12.9037 15.7184 12.5549 15.7184C12.206 15.7184 11.9232 16.7747 11.9232 18.0776C11.9232 19.3805 12.206 20.4367 12.5549 20.4367Z"
          stroke="#06EFFE"
          strokeWidth="0.954358"
          strokeLinecap="round"
        />
      </g>
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M9.73752 6.9051H14.4616L14.1132 9.0016H19.8867L19.5815 6.84157L24.327 6.8455L27.1996 12.7051L25.7298 24.3106L8.321 24.3105L6.86423 12.7052L9.73752 6.9051Z"
        stroke="#D6D6D6"
        strokeWidth="0.1"
        strokeLinejoin="round"
      />
      <g opacity="0.343">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M27.1517 12.7051H6.85004Z"
          fill="white"
        />
        <path d="M27.1517 12.7051H6.85004" stroke="white" strokeWidth="0.1" />
      </g>
      <defs>
        <filter
          id={`filter0_f_${id}`}
          x="16.35"
          y="10.1545"
          width="10.796"
          height="14.9334"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="2.29265"
            result="effect1_foregroundBlur"
          />
        </filter>
        <filter
          id={`filter1_f_${id}`}
          x="18.4148"
          y="12.373"
          width="6.66627"
          height="10.5816"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="1.1101"
            result="effect1_foregroundBlur"
          />
        </filter>
        <filter
          id={`filter2_f_${id}`}
          x="18.3956"
          y="12.592"
          width="6.70467"
          height="10.1578"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="1.1101"
            result="effect1_foregroundBlur"
          />
        </filter>
        <filter
          id={`filter3_f_${id}`}
          x="7.15687"
          y="10.5612"
          width="10.796"
          height="14.9334"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="2.29265"
            result="effect1_foregroundBlur"
          />
        </filter>
        <filter
          id={`filter4_f_${id}`}
          x="9.22173"
          y="12.7797"
          width="6.66627"
          height="10.5816"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="1.1101"
            result="effect1_foregroundBlur"
          />
        </filter>
        <filter
          id={`filter5_f_${id}`}
          x="9.20252"
          y="12.9987"
          width="6.70467"
          height="10.1578"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feGaussianBlur
            stdDeviation="1.1101"
            result="effect1_foregroundBlur"
          />
        </filter>
        <linearGradient
          id={`Cordova_Paint0_Linear_${id}`}
          x1="29.785"
          y1="31.0194"
          x2="1.02308"
          y2="12.489"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#ACACAC" />
          <stop offset="1" stopColor="#E9E9E9" />
        </linearGradient>
        <radialGradient
          id={`Cordova_Paint1_Ladial_${id}`}
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(8.41501 23.834) rotate(-85.4139) scale(17.0431 8.73272)"
        >
          <stop stopColor="#25303B" />
          <stop offset="1" stopColor="#25303B" stopOpacity="0" />
        </radialGradient>
        <linearGradient
          id={`Cordova_Paint2_Linear_${id}`}
          x1="25.7298"
          y1="23.7018"
          x2="24.3138"
          y2="6.88238"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#24303A" />
          <stop offset="1" stopColor="#394958" />
        </linearGradient>
        <linearGradient
          id={`Cordova_Paint3_Linear_${id}`}
          x1="8.33428"
          y1="23.7018"
          x2="9.75027"
          y2="6.88238"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#24303A" />
          <stop offset="1" stopColor="#394958" />
        </linearGradient>
        <linearGradient
          id={`Cordova_Paint4_Linear_${id}`}
          x1="28.0683"
          y1="5.16446"
          x2="4.37751"
          y2="7.54103"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="#E5E5E5" />
          <stop offset="1" stopColor="white" />
        </linearGradient>
        <linearGradient
          id={`Cordova_Paint5_Linear_${id}`}
          x1="12.5608"
          y1="12.7051"
          x2="12.5608"
          y2="24.3106"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" />
          <stop offset="0.5" stopColor="white" stopOpacity="0.531707" />
          <stop offset="1" stopColor="white" stopOpacity="0" />
        </linearGradient>
        <linearGradient
          id={`Cordova_Paint6_Linear_${id}`}
          x1="13.6297"
          y1="12.7051"
          x2="13.6297"
          y2="6.90509"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" />
          <stop offset="1" stopColor="white" stopOpacity="0" />
        </linearGradient>
      </defs>
    </SVGIcon>
  );
};
